/* mini reset */
html, body, form, fieldset, ol, ul, h1, h2 {
	margin: 0;
	padding: 0;
	border: 0;
}
ol, ul {
	list-style: none;
}

html, body {
	min-height: 100%;
}
body {
	font: bold 13px 'helvetica neue', arial, DroidSans;
	color: #27502c;
	text-shadow: 0 1px 0 #abd569;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8dcc2b), color-stop(100%,#69a609));
	background: -webkit-linear-gradient(top, #8dcc2b 0%,#69a609 100%);
}
.hulk-intro body {
	color: #7c8392;
	text-shadow: none;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7faff), color-stop(100%,#dee2e6));
	background: -webkit-linear-gradient(top, #f7faff 0%,#dee2e6 100%);
}

#wrapper {
	margin: 18px 20px;
}

h1 {
	width: 183px;
	height: 70px;
	margin: 0 auto 20px;
	text-indent: -999em;
	background: url(logo.png) no-repeat top center;
}
h2 {
	font-size: 14px;
	text-align: center;
}
h2 span {
	display: block;
	font-size: 19px;
}
p {
	margin: 0 0 20px;
	font-weight: bold;
	text-align: center;
}

input:not([type=checkbox]), .button {
	display: block;
	width: 100%;
	margin: 18px 0 0;
	padding: 12px 15px;
	border: 1px solid;
	border-radius: 5px;
	font: inherit;
	font-size: 1.1em;
	text-decoration: none;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
}
input[type=text], input[type=password] {
	border-color: #598515 #588413 #578312;
	background: #fff -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.07)), color-stop(100%,rgba(255,255,255,0.07)));
	background: #fff -webkit-linear-gradient(top, rgba(0,0,0,0.07) 0%,rgba(255,255,255,0.07) 100%);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .32), inset 0 1px 0 rgba(0, 0, 0, .2);
}
input[type=button], .button {
	color: #404040;
	text-align: center;
	margin-top: 10px;
	border: 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,239,1)), color-stop(100%,rgba(189,189,189,1)));
	background: -webkit-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(189,189,189,1) 100%);
	text-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75), 0 0 2px rgba(0, 0, 0, .6);
}
input[type=submit], .button.primary {
	color: #fff;
	text-align: center;
	border-color: #1a5dcc;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#44a1dc), color-stop(50%,#226fb4), color-stop(51%,#1868af), color-stop(74%,#1762aa), color-stop(100%,#2c8bcd));
	background: -webkit-linear-gradient(top, #44a1dc 0%,#226fb4 50%,#1868af 51%,#1762aa 74%,#2c8bcd 100%);
	text-shadow: 0 -1px 0 #13538c;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25);
}

input[disabled] {
	opacity: .4;
	-webkit-transition: all .4s;
}
input {
	opacity: 1;
	-webkit-transition: all .4s;
}

.browser-image {
	width: 282px;
	height: 197px;
	margin: 15px auto 5px;
	background: url(browser.png);
}

.pages {
}
	.pages li, .pages li.inactive {
		display: none;
	}
	.pages .active {
		display: block;
	}

.throbber.inactive, #loginbtn.inactive {
	opacity: 0;
	-webkit-transition: all .4s;
}
.throbber, .throbber.active, #loginbtn.active, #loginbtn {
	opacity: 1;
	-webkit-transition: all .4s;
}

#loadingbezel {
	position:absolute;
	top: 175px;
	left: 50%;
	margin: 0 0 0 -38px;
	z-index:9999;
}

.throbber {
	position: relative;
	width: 75px;
	height: 75px;
	margin: 0 auto;
	background: #fff;
	-webkit-border-radius: 4px;
	opacity: .6;
}
	.throbber div, .throbber span {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 32px;
		height: 32px;
		margin: -16px 0 0 -16px;
		background: url(throbber.gif);
	}

.scrobbling {
	margin: 10px 0 0;
	color: #8e949a;
	font-size: 11px;
	font-weight: normal;
}
.scrobbling input {
	vertical-align: text-bottom;
}
#scrobbling_setting {
	margin: 0 5px 0 0;
}

.footer p {
    padding-top: 6px;
	font-size: 10px;
	font-weight: normal;
	color: rgb(108, 108, 108);
}
